<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!doctype html>
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>任务反馈页</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<jsp:include page="/WEB-INF/views/common.jsp"></jsp:include>
	
  </head>
  <body class="easyui-layout">
  	<div data-options="region:'north'" style="height: 300px">
  		<input type="hidden" id="biz_id" value="${biz_id }" />
  		<!-- DataGrid -->
	    <table id="dg"></table>
  	</div>
  	<div data-options="region:'center'" style="height: 300px">
  		<iframe id="workflow_chart" name="workflow_chart" src="" style="width: 100%; height: 99%;" scrolling=no marginwidth="0" framespacing="0" marginheight="0" frameborder="no"></iframe>
  	</div>
  </body>
<script type="text/javascript">
$(function(){
	$('#workflow_chart').attr('src', 'taskWorkflow/taskWorkflowChart.shtml?id=' + ${biz_id });
	
	$('#dg').datagrid({    
	    title:"流程审批过程",
		border:0,
		nowrap:true,
		striped:true,
		fit: true,//自动大小
		url:'taskWorkflow/queryTaskDetailList.shtml',
		queryParams : {id : $('#biz_id').val()},
	    columns:[[
	    	{field : 'taskId', title : 'taskId', hidden:true},
	    	{field : 'taskName', title : '任务名称', width:180},
	    	{field : 'transactorName', title : '办理人', width:130},
	    	{field : 'startTime', title : '处理时间', width:200,
	    		formatter : function (value, row, index) {
	    			return '【到达时间】' + row.startTime + '<br/>' + '【办理时间】' + row.endTime;
	    		}
	    	},
	    	{field : 'operateType', title : '操作结果', width : 200,
	    		formatter : function (value, row, index) {
	    			if ('1' == value) {
	    				return '审批通过';
	    			} else if ('2' == value) {
						return '驳回';
					} else if ('6' == value) {
						return '审批未通过';
					}
	    		}
	    	},
	        {field : 'remarks', title : '办理意见', width : 400}    
	    ]],
		singleSelect:true,
		rownumbers:true,
		toolbar:'#tb',
		pagination:true,
		pageSize:20,
		onClickRow:function(rowIndex, rowData){}
	}).datagrid('getPager').pagination({  
        pageSize: 20,//每页显示的记录条数，默认为10  
        pageList: [20,50,100],//可以设置每页记录条数的列表  
        beforePageText: '第',//页数文本框前显示的汉字  
        afterPageText: '页    共 {pages} 页',  
        displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'
    });
});

</script>  
</html>
